<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>
<head th:include="admin/partial/bg_template::bg_header">
</head>

<body class="nav-md">
<div class="container body">
    <div class="main_container">
        <div class="col-md-3 left_col" th:include="admin/partial/bg_template::bg_sidebar">
        </div>

        <!-- top navigation -->
        <div class="top_nav" th:include="admin/partial/bg_template::top_nav">
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main">
            <div class="">
                <div class="page-title">
                    <div class="title_left">
                        <h3 th:text="${pageName}"></h3>
                    </div>

                    <div class="title_right">
                        <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Search for..." >
                    <span class="input-group-btn">
                      <button class="btn btn-default" type="button">Go!</button>
                    </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Default Example <small>Users</small></h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <table id="datatable" class="table table-striped table-bordered">
                                    <thead>
                                    <tr>
                                        <th>真名</th>
                                        <th>别名</th>
                                        <th>封面</th>
                                        <th>国家</th>
                                        <th>日期</th>
                                        <th>地点</th>
                                        <th>三围</th>
                                        <th>身高</th>
                                        <th>体重</th>
                                        <th>评分</th>
                                        <th>标签</th>
                                        <th>星座</th>
                                        <th>血型</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        <tr th:each="model:${modelList}">
                                            <td><input type="text" name="realname" style="width: 50px" th:value="${model.realname}"/> </td>
                                            <td><input type="text" name="alias" style="width: 50px" th:value="${model.alias}"/></td>
                                            <td><input type="text" name="piclink" th:value="${model.piclink}"/></td>
                                            <td>
                                                <select>
                                                    <option th:text="${model.country}" th:value="${model.country}"></option>
                                                    <option th:text="@{中国}" th:value="@{中国}">1</option>
                                                    <option th:text="@{美国}" th:value="@{美国}">1</option>
                                                    <option th:text="@{俄罗斯}" th:value="@{俄罗斯}">1</option>
                                                    <option th:text="@{捷克}" th:value="@{捷克}">1</option>
                                                    <option th:text="@{乌克兰}" th:value="@{乌克兰}">1</option>
                                                    <option th:text="@{其他}" th:value="@{其他}">1</option>
                                                </select>
                                            </td>
                                            <td><input th:if="${model.birthday}!=null" type="text" name="birthday"
                                                       style="width: 50px"
                                                       th:value="${#dates.format(model.birthday, 'yyyy-MM-dd')}"/></td>
                                            <td><input type="text" name="address" style="width: 50px" th:value="${model.address}"/></td>
                                            <td><input type="text" name="measurements" style="width: 50px" th:value="${model.measurements}"/></td>
                                            <td><input type="text" name="height" style="width:30px" th:value="${model.height}"/></td>
                                            <td><input type="text" name="weight" style="width: 20px" th:value="${model.weight}"/></td>
                                            <td><input type="text" name="rank" style="width: 50px" th:value="${model.rank}"/></td>
                                            <td><input type="text" name="modellabel" style="width: 80px" th:value="${model.modellabel}"/></td>
                                            <td>
                                                <select>
                                                    <option th:text="${model.constellation}" th:value="${model.constellation}">1</option>
                                                    <option th:text="@{白羊座}" th:value="@{白羊座}">1</option>
                                                    <option th:text="@{金牛座}" th:value="@{金牛座}">1</option>
                                                    <option th:text="@{双子座}" th:value="@{双子座}">1</option>
                                                    <option th:text="@{巨蟹座}" th:value="@{巨蟹座}">1</option>
                                                    <option th:text="@{狮子座}" th:value="@{狮子座}">1</option>
                                                    <option th:text="@{处女座}" th:value="@{处女座}">1</option>
                                                    <option th:text="@{天平座}" th:value="@{天平座}">1</option>
                                                    <option th:text="@{天蝎座}" th:value="@{天蝎座}">1</option>
                                                    <option th:text="@{射手座}" th:value="@{射手座}">1</option>
                                                    <option th:text="@{魔羯座}" th:value="@{魔羯座}">1</option>
                                                    <option th:text="@{水瓶座}" th:value="@{水瓶座}">1</option>
                                                    <option th:text="@{双鱼座}" th:value="@{双鱼座}">1</option>
                                                </select>
                                            </td>
                                            <td>
                                                <select>
                                                    <option th:text="${model.bloodtype}" th:value="${model.bloodtype}">1</option>
                                                    <option th:text="@{O型}" th:value="@{O型}">1</option>
                                                    <option th:text="@{A型}" th:value="@{A型}">1</option>
                                                    <option th:text="@{B型}" th:value="@{B型}">1</option>
                                                    <option th:text="@{AB型}" th:value="@{AB型}">1</option>
                                                </select>
                                            </td>
                                            <td>
                                                <a href="#"  class="btn btn-primary btn-xs" ><i class="fa fa-folder"></i> 修改 </a>
                                                <a href="#"  class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer th:include="admin/partial/bg_template::footer_content">
        </footer>
        <!-- /footer content -->
    </div>
</div>

<div th:include="admin/partial/bg_template::bg_javascript">

</div>
</body>
</html>